
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


<button onclick="sendGet()">发送 GET 请求</button>
<button onclick="sendPost()">发送 POST请求</button>


<script>
</script>

<script>

    function sendPost(){
        ajax({
          method: 'POST',
          url: 'method',
          callback: function(body, status) {
            console.log(body);
          }
        });
    }

    function sendGet() {
        ajax({
            method: 'GET',
            url: 'method',
            callback: function(body, status){
                console.log(body);
            }
        });
    }
    
     // 把之前封装的 ajax 函数拷贝过来
    function ajax(args) {
    var xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function () {
          // 0: 请求未初始化
          // 1: 服务器连接已建立
          // 2: 请求已接收
          // 3: 请求处理中
          // 4: 请求已完成，且响应已就绪
      if (xhr.readyState == 4) {
        args.callback(xhr.responseText, xhr.status)
      }
    }
    
    xhr.open(args.method, args.url);
    if (args.contentType) {
        xhr.setRequestHeader('Content-type', args.contentType);
    }
    if (args.body) {
      xhr.send(args.body);
    } else {
      xhr.send();
    }
  }
</script>

